<template>
	<div>
		<div class="label" v-if="currentLeftTabId === 'processName'">
			{{
				`${
					copyChecked?.length === listCountByType?.length
						? $t('pages.process.select.allProcesses', '全部流程')
						: copyChecked?.length
				}${
					copyChecked?.length !== listCountByType?.length
						? $t('pages.task.Processes', '个流程')
						: ''
				}`
			}}
		</div>
		<div class="label" v-if="currentLeftTabId === 'sort'">
			{{ labelIdMap[copySortChecked] }}
		</div>
		<div class="label" v-if="currentLeftTabId === 'approvalRes'">
			{{ labelIdMap[copyApprovalChecked || 'all'] }}
		</div>
		<div class="label" v-if="currentLeftTabId === 'processFilter'">
			{{ labelIdMap[delegatedFillter] }}
		</div>
		<div class="label" v-if="currentLeftTabId === 'client'">
			{{
				`${
					defaultChecked?.length === agentList?.length
						? $t('pages.process.select.whole', '全部')
						: defaultChecked?.length
				}${
					defaultChecked?.length !== agentList?.length
						? $t('pages.process.select.Principal', '个委托人')
						: ''
				}`
			
			}}
		</div>
	</div>
</template>
<script setup lang="ts">
// import { t } from '@/entry_mobile/locales'
import { i18n } from '@/locales'
const { $t } = i18n
defineProps([
	'labelIdMap',
	'currentLeftTabId',
	'copyChecked',
	'copySortChecked',
	'delegatedFillter',
	'copyApprovalChecked',
	'listCountByType',
	'agentList',
	'defaultChecked',
])
</script>
<style lang="less" scoped>
.label {
	background: #f2f4f7;
	border-radius: 20px;
	max-width: 75px;
	font-family: 'PingFang SC';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	text-align: center;
	color: #8f959e;
	padding: 0 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
</style>
